<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="/bookstore/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bookstore/static/css/style.css" type="text/css">
    <style type="text/css">
        .bg {
            background: url("/bookstore/static/images/login.jpg") no-repeat;
            background-size: cover;
        }

        .login {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 450px;
            height: 360px;
            background-color: rgba(255, 255, 255, 0.5);
            padding: 50px;
            box-shadow: 0 0 15px rgba(0, 91, 172, 0.5);
            border-radius: 7px;
        }

        .login .title {
            letter-spacing: 5px;
        }
    </style>
</head>
<body class="bg" style="background-color:#E2E2E2;">
<div class="login">
    <form action="login" method="post">
        <div class="form-group text-center">
            <h2 class="title">小说网</h2>
        </div>
        <div class="form-group input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <input id="loginName" name="loginName" type="text" class="form-control" placeholder="请输入用户名">
        </div>
        <div class="form-group input-group">
            <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
            <input id="passWord" name="passWord" type="password" class="form-control" placeholder="请输入密码">
        </div>
        <div class="form-group">
            <button type="submit" class="btn btn-primary form-control">登录</button>
        </div>
        <div class="form-group">
            <div style="color:red"><h5>${requestScope.message}</h5></div>
        </div>
    </form>
</div>

<script type="text/javascript" src="/bookstore/static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/bookstore/static/js/bootstrap.min.js"></script>
<script type="text/javascript">
    if (window.top != window.self) {
        window.top.location = "loginForm";
    }
</script>
<script type="text/javascript">
    function register() {
        window.location.href = "registerForm";
    }
</script>
</body>
</html>